*
  margin 0
  padding 0
  box-sizing border-box
@font-face
  font-family fzk
  src url('../fonts/FZXBSJW.TTF')
html
body
  width 100%
  height 100%
  top 0
  left 0
  font-family "微软雅黑"
  font-size 14px
  color #bcbcbc
.m-head
  display table
  height 80px
  width 100%
  padding 0 calc(50% - 590px)
  border-bottom 1px solid #e8e8e8
  box-shadow 0 8px 14px #f9f9f9
  > div
    display table-cell
    vertical-align middle
  >.logo
    >.title
      color #2985f7
      font-size 20px
      margin-bottom 5px
    >.sub-title
      color #949493
      font-size 16px
  >.item
    text-align right
    width 150px
    >img
      margin-right 10px
      vertical-align middle
    >.menu
      position relative
      display inline-block
      vertical-align middle
      cursor pointer
      >.text
        display inline-block
        margin-right 5px
        color #1a1a1a
      >img
        vertical-align middle
      >.list
        display none
        width 108px
        color #5d6267
        text-align center
        position absolute
        background white
        font-size 14px
        padding-top 5px
        top 20px
        left 0
        box-shadow 0 8px 14px rgba(0,0,0,.08)
        border-radius 4px
        z-index 888
        >.item
          height 35px
          line-height 35px
          cursor pointer
          margin 6px 0
          &.active
          &:hover
            color #2985f7
            background-color #deecfd
  >.location
    >img
      height 20px
      width 20px
  >.user
    >img
      height 50px
      width 50px
.m-root
  position relative
  width 100%
  padding 0 calc(50% - 590px)
  padding-top 30px
  height 100%
  .con-left
    position absolute
    width 350px
    left calc(50% - 590px)
    padding-bottom 120px
    >.storehouse
      display table
      border 1px solid #e6e6e6
      width 100%
      box-shadow 0 3px 0 rgba(227, 230, 234, 0.5)
      >.item
        display table-row
        width 100%
        vertical-align middle
        cursor pointer
        >.box
          display inline-flex
          justify-content center
          align-items center
          width 89px
          height 88px
          border 1px solid #e6e6e6
          border-radius 3px
          box-shadow 0 3px 0 #f1f2f4
          margin 25px 30px
          cursor pointer
          >img
            height 56px
            width 63px
        >.active
          border 1px solid #2985f7
          box-shadow 0 3px 0 #bedafd
        >.text
          display inline-block
          >.title
            font-size 20px
            margin-bottom 10px
            color #1a1a1a
            &.active
              color #2985f7
          >.sub-title
            font-size 14px
            color #949493
        &:hover>.text>.title
          color #2985f7
        &:hover>.box
          border 1px solid #2985f7
          box-shadow 0 3px 0 #bedafd
    >.infoRefLib
      margin-top 30px
      >.title
        padding-bottom 5px
        border-bottom 2px solid #e6e6e6
        color #1a1a1a
        font-size 20px
      >.item
        height 40px
        line-height 40px
        margin-left 10px
        >img
          height 16px
          width 19px
          vertical-align middle
        >a
          margin-left 10px
          color #555555
          &:hover
            color #2985f7
  .con-right
    position absolute
    width 777px
    right calc(50% - 590px)
    padding-bottom 120px
.head-title
  border-bottom 2px solid #e6e6e6
  padding-bottom 5px
  height 31px
  line-height 31px
  text-indent 10px
  > i
    position relative
    display inline-block
    width 4px
    height 20px
    background #2985f7
    top 2px
    margin-right 5px
  > .title
    color #1a1a1a
    font-size 20px
    display inline-block
    font-family fzk
  > .more
    float right
    cursor pointer
    &:hover
      color #2985f7

.m-pagenums
  font-size 0
  margin-bottom 50px
  text-align center
  margin-top 30px
  >.btn
  >.item
    width 30px
    height 30px
    background white
    color #505050
    border-radius 3px
    margin-right 10px
    font-size 14px
    display inline-block
    line-height @height
    cursor pointer
    border 1px solid #dae6fb
    transition all .3s ease
    &.active
    &:hover
      background #2985f7
      box-shadow 0 2px 0 #bedafd
      color white
  >.btn
    width 62px
    border 1px solid #e5e8ec
    border-radius 5px
  >.sum
  >.sumt
    height 30px
    line-height 30px
    display inline-block
    vertical-align top
    color #505050
    font-size 12px
  >.sumt
    min-width 60px
    span
      color #337fd5
      text-decoration:underline
      text-align center
  >.t
    margin-left -28px
.m-panel
  position fixed
  top 0
  left 0
  width 100vw
  height 100vh
  background rgba(0,0,0,0.5)
  z-index 2
  display none
  >.panel
    position fixed
    width 652px
    height 476px
    left 50%
    top 50%
    margin-left -326px
    margin-top -238px
    background rgba(34,27,27,0.4)
    z-index 10000
    >.panel-inner
      height 436px
      margin 20px
      background #ffffff
      >.head
        padding 0 30px
        position relative
        font-size 20px
        line-height 60px
        background-color #2985f7
        text-align left
        color #ffffff
        img
          position absolute
          height 19px
          width 19px
          right 30px
          top 22px
      >.list
        height 320px
        display flex
        flex-wrap wrap
        >.item
          width 25%
          margin-top 30px
          display inline-flex
          align-items center
          justify-content center
          .text
            width 100px
            height 50px
            line-height 50px
            text-align center
            font-size 18px
            border 1px solid #b2bcc9
            box-shadow 0 3px 0 #f1f2f4
            border-radius 3px
            &.active
            &:hover
              color #2985f7
              border 1px solid #2985f7
              box-shadow 0 3px 0 #bedafd
      .footer
        font-size 16px
        height 56px
        line-height 56px
        bpttom 0
        padding 0 30px
        text-align left

input::-webkit-input-placeholder{
  color:#b9bec1;
}
input:-moz-placeholder{
  color:#b9bec1;
}
input::-moz-placeholder{
  color:#b9bec1;
}
input:-ms-input-placeholder{
  color:#b9bec1;
}
　　




